.cafe-busis-toolsbar {
    position: absolute;
    top: 0;
    right: -48px;
    width: 100px;
    z-index: 1002;
    background: url(images/cafe-toolsbar/icon-toolsbar-bj.png)no-repeat top center;
    transition: 0.6s;
}
.cafe-busis-toolsbar .toolsbar-btn{
    width: 33px;
    height: 35px;
    float: left;
    margin-left: 15px;
    margin-top: 18px;
    cursor: pointer;
}
.cafe-busis-toolsbar .cafe-busis-toolsbar-left {
    float: left;
    margin: 0 0 0 20px;
}

.cafe-busis-toolsbar .cafe-busis-toolsbar-left ul li.icon-menu {
    float: left;
    color: rgba(255, 255, 255, 0.9);
    font-size: 15px;
    letter-spacing: 1px;
    margin: 0 15px;
    line-height: 42px;
    padding: 0 5px;
    cursor: pointer;
}

.cafe-busis-toolsbar .cafe-busis-toolsbar-left ul li:before {
    content: ' ';
    width: 16px;
    height: 16px;
    float: left;
    margin: 13px 4px 0 2px;
    background: url(images/cafe-toolsbar/icon-menu.png)no-repeat center;
}

.cafe-busis-toolsbar .cafe-busis-toolsbar-left ul li:hover {
    color: #fff;
    border-bottom: solid 3px #ffc001;
}

.cafe-busis-toolsbar .cafe-busis-toolsbar-left ul li:hover:before {
    background: url(images/cafe-toolsbar/icon-menu-hover.png)no-repeat center;
}

.cafe-busis-toolsbar .cafe-busis-toolsbar-left ul li.active {
    color: #fff;
    border-bottom: solid 3px #ffc001;
}

.cafe-busis-toolsbar .cafe-busis-toolsbar-left ul li.active:before {
    background: url(images/cafe-toolsbar/icon-menu-hover.png)no-repeat center;
}

.cafe-busis-toolsbar .cafe-busis-toolsbar-right {
    float: right;
    width: 50px;
}

.cafe-busis-toolsbar .cafe-busis-toolsbar-right ul li {
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    cursor: pointer;
    text-align: center;
    margin-bottom: 2px;
    padding-bottom: 5px;
}
.cafe-busis-toolsbar .cafe-busis-toolsbar-right ul li.active{
    background-color: #0944c0;
}
.cafe-busis-toolsbar .cafe-busis-toolsbar-right ul li:before {
    content: ' ';
    width: 50px;
    height: 24px;
    float: left;
    margin: 6px 0px 3px 0px;
}
.icon-area:before {
    background: url(images/cafe-toolsbar/icon-area.png)no-repeat center;
}
.icon-layer:before {
    background: url(images/cafe-toolsbar/icon-layer.png)no-repeat center;
}
.icon-account:before {
    background: url(images/cafe-toolsbar/icon-account.png)no-repeat center;
}
.icon-ruler:before {
    background: url(images/cafe-toolsbar/icon-ruler.png)no-repeat center;
}
.icon-picture:before {
    background: url(images/cafe-toolsbar/icon-picture.png)no-repeat center;
}
.icon-set:before {
    background: url(images/cafe-toolsbar/icon-set.png)no-repeat center;
}
.icon-drafting:before {
    background: url(images/cafe-toolsbar/icon-drafting.png)no-repeat center;
}
.icon-alarm:before {
    background: url(images/cafe-toolsbar/icon-alarm.png)no-repeat center;
}
.icon-legend:before {
    background: url(images/cafe-toolsbar/icon-legend.png)no-repeat center;
}
.icon-monitor:before {
    background: url(images/cafe-toolsbar/icon-monitor.png)no-repeat center;
}
.icon-dial:before {
    background: url(images/cafe-toolsbar/icon-dial.png)no-repeat center;
}
.icon-more:before {
    background: url(images/cafe-toolsbar/icon-more.png)no-repeat center;
}
.icon-warnset:before {
    background: url(images/cafe-toolsbar/icon-warnset.png)no-repeat center;
}
.icon-historyCase:before {
    background: url(images/cafe-toolsbar/icon-historyCase.png)no-repeat center;
}

.icon-historyCase.active:before,
.icon-historyCase:hover:before {
    background: url(images/cafe-toolsbar/icon-historyCase.png)no-repeat center;
}
.icon-yjShare:before {
    background: url(images/cafe-toolsbar/icon-yjshare.png)no-repeat center;
}

.icon-yjShare.active:before,
.icon-yjShare:hover:before {
    background: url(images/cafe-toolsbar/icon-yjshare.png)no-repeat center;
}

.icon-warnset.active:before,
.icon-warnset:hover:before {
    background: url(images/cafe-toolsbar/icon-warnset-hover.png)no-repeat center;
}

.icon-location:before {
    background: url(images/cafe-toolsbar/icon-location.png)no-repeat center;
}

.icon-location.active:before,
.icon-location:hover:before {
    background: url(images/cafe-toolsbar/icon-location-hover.png)no-repeat center;
}

.icon-station:before {
    background: url(images/cafe-toolsbar/icon-station.png)no-repeat center;
}

.icon-station.active:before,
.icon-station:hover:before {
    background: url(images/cafe-toolsbar/icon-station-hover.png)no-repeat center;
}
.icon-gistools.active:before,
.icon-gistools:before {
    background: url(images/cafe-toolsbar/icon-gistools.png)no-repeat center;
}

.icon-gistools.active:before,
.icon-gistools:hover:before {
    background: url(images/cafe-toolsbar/icon-gistools-hover.png)no-repeat center;
}

.icon-intime:before {
    background: url(images/cafe-toolsbar/icon-intime.png)no-repeat center;
}
.icon-intime.active:before,
.icon-intime:hover:before {
    background: url(images/cafe-toolsbar/icon-intime-hover.png)no-repeat center;
}

.icon-grid:before {
    background: url(images/cafe-toolsbar/icon-grid.png) no-repeat center;
}

.icon-geography:before {
    background: url(images/cafe-toolsbar/icon-geography.png)no-repeat center;
}

.icon-geography.active:before,
.icon-geography:hover:before {
    background: url(images/cafe-toolsbar/icon-geography-hover.png)no-repeat center;
}

/* .cafe-busis-toolsbar .cafe-busis-toolsbar-right ul li.active {
	background-color: rgba(0, 0, 0, 0.15);
} */

.cafe-busis-toolsbar .cafe-at-location {
    position: absolute;
    display: flex;
    width: 104px;
    padding: 0;
    margin-left: -9px;
    flex-direction: column;
    text-align: center;
    background-color: rgba(28, 111, 195, 0.9);
    box-shadow: 0 0px 2px rgba(70, 70, 70, 0.5);
}
.cafe-busis-toolsbar .cafe-at-location span {
    height: 35px;
    line-height: 35px;
}
.cafe-busis-toolsbar .cafe-at-location span.active {
	background-color: rgba(0, 0, 0, 0.15);
}
.cafe-busis-toolsbar .cafe-at-gistools {
    position: absolute;
    display: flex;
    width: 104px;
    padding: 0;
    margin-left: -9px;
    flex-direction: column;
    background-color: rgba(28, 111, 195, 0.9);
    box-shadow: 0 0px 2px rgba(70, 70, 70, 0.5);
}
.cafe-busis-toolsbar .cafe-at-gistools span {
    height: 35px;
    line-height: 35px;
}
.cafe-busis-toolsbar .cafe-at-gistools span.active {
	background-color: rgba(0, 0, 0, 0.15);
}
.cafe-busis-toolsbar .cafe-at-gistools span:hover {
	background-color: rgba(0, 0, 0, 0.15);
}
.cafe-at-gistools span:before {
	content: "";
    float: left;
    width: 18px;
    height: 100%;
    margin-left: 20px;
    margin-right: 8px;
}
.cafe-at-gistools .enlarge:before {
    background: url(images/cafe-toolsbar/icon-enlarge.png) no-repeat center;
}
.cafe-at-gistools .narrow:before {
    background: url(images/cafe-toolsbar/icon-narrow.png) no-repeat center;
}
.cafe-at-gistools .distance:before {
    background: url(images/cafe-toolsbar/icon-distance.png) no-repeat center;
}
.cafe-at-gistools .area:before {
    background: url(images/cafe-toolsbar/icon-area.png) no-repeat center;
}
.cafe-at-gistools .drawing:before {
    background: url(images/cafe-toolsbar/icon-drawing.png) no-repeat center;
}
.cafe-at-gistools .changemap,
.cafe-at-gistools .zcd  {
	text-align: center;
}
.cafe-at-gistools .changemap:before,
.cafe-at-gistools .zcd:before {
	display: none;
}
.cafe-busis-toolsbar .cafe-at-station {
    position: absolute;
    display: flex;
    width: 104px;
    padding: 0;
    margin-left: -9px;
    flex-direction: column;
    text-align: center;
    background-color: rgba(28, 111, 195, 0.9);
    box-shadow: 0 0px 2px rgba(70, 70, 70, 0.5);
}
.cafe-at-station span.cas-station {
    float: left;
    cursor: pointer;
    height: 35px;
    line-height: 35px;
}
.cafe-at-station span.cas-station:before {
    content: "";
    float: left;
    width: 13px;
    height: 100%;
    margin-left: 20px;
    margin-right: -8px;
    background: url(images/cafe-toolsbar/icon-checkbox.png) no-repeat center;
}
.cafe-at-station span.cas-station.active:before {
    background: url(images/cafe-toolsbar/icon-checkedbox.png) no-repeat center;
}

.right0{
    right: 0px;
    transition: 0.6s;
}